<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title></title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<link rel="stylesheet" type="text/css" th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" />
<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>

<script th:src="@{/mobile/imgZoomIn.js}"></script>

<link rel="stylesheet" th:href="@{/mobile/reset.css}" />

<link rel="stylesheet" th:href="@{/mobile/listView.css}" />
<script th:src="@{/mobile/listView.js}"></script>	

<style>

</style>
</head>
<body>
	<div data-role="page" id="pageone">
		<div data-role="header" data-position="fixed">
			<span class="fa fa-angle-left goHome"></span>
			<h1>积分兑换</h1>
		</div>
			<div data-role="content">
				<div class="personal-content" >
					<div class="content-title">
						<font id="contentTitle" class="contentTitle-font " ></font>
					</div>
					<div class="content-number">
						<a href="#" data-transition="slide" class="contentClick">
						<font id="contentNum" class="contentNumber-font" ></font>
						</a>
					</div>
				</div>
				<ul data-role="listview" id="add" data-inset="true" data-listView-theme="f" data-pic-show="true" data-class="hrefClick"></ul>
				<div id="loading">
					<span class="loadingIcon"></span><span class="loadingLabel">加载更多...</span>
				</div>
			</div>
	</div>
	
	<div data-role="page" id="goodsPage"
		style='background: #FFFFFF;'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" id="goodsPageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>商品详情</h1>
		</div>
		<div data-role="content">
			<div data-role="main">
				<input type="hidden" id="id" />
				<table data-role="table" data-mode="columntoggle:none"
					data-column-btn-theme="e" data-column-popup-theme="c">
					<tbody>
						<tr>
							<td colspan="2"><img src="" class="imgZoomIn" id="iconAddress" style="width: 100%; height: auto;"/></td>
						</tr>
						<tr>
							<td style="width: 25%;"><span>商品名:</span></td>
							<td><div id="goodsName"></div></td>
						</tr>
	
						<tr>
							<td><span>积分:</span></td>
							<td><div id="goodsPrice"></div></td>
						</tr>
	
						<tr>
							<td><span>备注:</span></td>
							<td><div id="goodsMemo"></div></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-theme="a" style="background:#FFFFFF;">
			<center>
					<button id="exchangeBtn" 
					style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 98%; height: 38px;font-size:16px;">兑换</button>
			</center>
		</div>
		
		<div data-role="popup" id="popupView" data-position-to="window"
			class="ui-content" data-theme="a" data-overlay-theme="a"
			data-dismissible="false">
			<div data-role="content">
				<img th:src="@{/img/loading.gif}" />
			</div>
		</div>
	</div>
	
	<!-- 个人积分详情 -->
	<div data-role="page" id="exchangeDetail"
		style='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>个人积分</h1>
		</div>
		<div data-role="content">
			<div class="detail-content" >
				<div class="detail-number">
					<font id="rewardNumber" class="detailNumber-font" ></font>
				</div>
			</div>
			 <table data-role="table"  width="100%" data-mode="columntoggle:none" data-column-btn-theme="e" data-column-popup-theme="c" class="tables">
      			<thead>
        				<tr><th width="30%" >发生时间</th><th width="20%" >兑换商品</th><th width="10%">积分</th><th width="40%" >兑换码</th></tr>
				</thead>
				<tbody id="rewardTbody">
				</tbody>
			</table>
		</div>
		<div data-role="popup" id="pop">
			<a href="#" id="backloadingimg" data-rel="back"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
			<img src="" id="avatarbig" style="width: 100%" />
		</div>
	</div>
	
	<link rel="stylesheet" th:href="@{/mobile/exchange/exchangeIndex.css}" />
	<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
	<script th:src="@{/plugins/jQuery/jquery.rotate.min.js}"></script>
	<script th:src="@{/mobile/common.js}"></script>
	<script th:src="@{/mobile/exchange/exchangeIndex.js}"></script>
	<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>